<!--要求比较严格，html中的标签必须有开始结束标签， 但标签需要加 /   比如：<meta charset="UTF-8" /> -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>jfinal模板使用</title>
    <style>
        body {
            /*如果使用的字体没有，那么中文不会显示*/
            font-family: SimHei,serif;
        }

        .pos {
            position: absolute;
            left: 200px;
            top: 5px;
            width: 200px;
            font-size: 10px;
        }

        .table-one {
            width: 700px;
            text-align: center;
            border-collapse: collapse;
        }

        /*细调试*/
        .title-big{
            font-size: 20px;
        }
        .title-middle{
            font-size: 16px;
        }
        .title-small{
            font-size: 13.33px;
        }
        .red{
            background-color: #E11B22;
        }
        .black{
            background-color: black;
            color: white;
        }
    </style>
</head>
<body>
<div class="pos">
    <!--图片-->
    <table class="table-one">
        <tr>
            <td colspan="5">
                <img alt="tp" style="width: 153px;margin-left: 300px" src="#(imgUrl)"/>
            </td>
        </tr>
        <tr>
            <td colspan="5">
                jfinal模版使用#取值   #(name)
            </td>
        </tr>
    </table>

    <table border="1" class="table-one">
        <tr>
            <td colspan="5" class="title-big black">20px标题</td>
        </tr>
        <tr class="title-middle">
            <td class="red" rowspan="3">
                <table>
                    <tr><td>红色</td></tr>
                    <tr><td>红色</td></tr>
                    <tr><td>红色</td></tr>
                </table>
            </td>
            <td colspan="4">数据</td>
        </tr>
        <tr class="title-middle">
            <!-- <td class="red">红色</td>-->
            <td colspan="4">数据</td>
        </tr>
        <tr class="title-middle">
            <!-- <td class="red">红色</td>-->
            <td colspan="4">数据</td>
        </tr>
        <tr class="title-middle black">
            <td colspan="5">16px二级标题</td>
        </tr>
        <tr class="title-small">
            <td>13px标题</td>
            <td>13px数据</td>
            <td>13px数据</td>
            <td>13px数据</td>
            <td>13px数据</td>
        </tr>
        <tr class="title-small">
            <td>13px标题</td>
            <td>13px数据</td>
            <td>13px数据</td>
            <td>13px数据</td>
            <td>13px数据</td>
        </tr>
        <tr class="title-small">
            <td>13px标题</td>
            <td>13px数据</td>
            <td colspan="2">13px数据</td>
            <td>13px数据</td>
        </tr>
        <tr>
            <td class="title-middle">16px标题</td>
            <td colspan="4" class="title-small">13px数据</td>
        </tr>
        <tr>
            <td class="title-middle">16px标题</td>
            <td colspan="4" class="title-small">13px数据</td>
        </tr>
        <tr>
            <td class="title-middle">16px标题</td>
            <td colspan="4" class="title-small">13px数据</td>
        </tr>
        <tr>
            <td class="title-middle">16px标题</td>
            <td colspan="4" class="title-small">13px数据</td>
        </tr>
        <tr>
            <td class="title-middle">16px标题</td>
            <td colspan="4" class="title-small">13px数据</td>
        </tr>
    </table>
</div>
</body>
</html>